/* =========================================================
   FitCheck — Print stylesheet
   /static/css/print.css

   Loaded with media="print" in base.html. Strips chrome
   (sidebar, tab bar, nav), keeps content + photos editorial.

   Primary use case: someone saves their FitCheck Me scorecard
   or outfit detail to PDF. The print should look like a tasteful
   magazine tear-sheet — not a screenshot of a web app.
   ========================================================= */

@media print {
  /* Hide app chrome */
  .fc-sidebar,
  .fc-tab-bar,
  .fc-public-header,
  .fc-skip-link,
  .flash-banner,
  .flash-messages,
  .upload-queue,
  .fc-back-link,
  .fc-outfit-actions,
  .fc-outfit-nav,
  .fc-fitcheck-actions,
  .billboard-cta,
  .cta-band,
  button,
  .fc-btn-primary,
  .fc-btn-secondary,
  .fc-btn-ghost,
  .fc-btn-danger {
    display: none !important;
  }

  /* Reset shell to full bleed */
  body {
    background: white !important;
    color: black;
    font-size: 11pt;
    line-height: 1.4;
  }
  .fc-app-shell {
    display: block !important;
    grid-template-columns: none !important;
  }
  .fc-main-content,
  .fc-public-main {
    padding: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Headings stay editorial but darken to pure black for print */
  .t-display, .t-display-sm,
  .fc-editorial-headline,
  .fc-page-title,
  .fc-empty-title {
    color: black !important;
    page-break-after: avoid;
  }

  /* Cards lose their fills — print on white */
  .fc-card,
  .fc-mini-card,
  .fc-gap-card,
  .fc-item-row,
  .fc-event-card {
    background: white !important;
    border: 1px solid #888 !important;
    box-shadow: none !important;
    break-inside: avoid;
  }

  /* Photos kept, slightly desaturated for ink economy */
  img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }
  .fc-fitcheck-photo {
    max-height: 400px;
    box-shadow: none !important;
  }

  /* Score badges become inline text — no ink-heavy fills */
  .fc-score-badge,
  .fc-score-badge--high,
  .fc-score-badge--mid,
  .fc-score-badge--low {
    background: transparent !important;
    border: 1px solid #888 !important;
    color: black !important;
  }

  /* Photo grids print as a 2x2 contact sheet, not the web crop */
  .fc-photo-grid,
  .fc-photo-grid--detail {
    grid-template-rows: 240px 160px !important;
  }

  /* Footer / utility — print URL of the page for context */
  @page {
    margin: 0.6in 0.5in;
  }

  /* Page-break hints */
  .fc-section,
  .fc-page-header,
  .fc-fitcheck-scorecard-desktop,
  .fc-fitcheck-overall {
    page-break-inside: avoid;
  }

  /* Show the brand mark at the top of print pages */
  .fc-brand {
    color: black !important;
  }
  .fc-brand-word::after {
    background: #B8743A !important;
  }
}